/* 拟态 */
.loginBox,
.bar,
.panel {
    box-shadow: 15px 15px 30px #bebebe, -15px -15px 30px #ffffff;
}

/* 按钮拟态 */
.button,
.mailCodeButtonOn:active,
.bar > div,
.addWhite {
    box-shadow: 10px 10px 15px #bebebe, -10px -10px 15px #ffffff;
}

.button:active,
.addWhite:active {
    box-shadow: 5px 5px 8px #bebebe, -5px -5px 8px #ffffff;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
}

/* 输入框拟态 */
.inputBox input,
.panel input {
    box-shadow: inset 5px 5px 10px #bebebe, inset -5px -5px 10px #ffffff;
}

.inputBox input:focus,
.panel input:focus {
    box-shadow: inset 3px 3px 5px #bebebe, inset -3px -3px 5px #ffffff;
}

/* 统一圆角 */
.loginBox,
.inputBox input,
.button,
.bar,
.panel,
.bar > div,
.panel input,
.whitelist > div,
.el-dialog {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

/* 统一过渡 */
a,
#login,
.loginBox,
.loginBoxTransform,
.inputBox input,
.el-loading-mask,
.body,
.bar > div,
.deleteWhite,
.panel input {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

/* 统一按钮过渡 */
.button,
.addWhite {
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
}